@charset "utf-8";
/* CSS Document */

.display_none{ display:none!important;}
.clear{ clear:both;}
.mt_10{ margin-top:10px!important; }
.mt_12{ margin-top:12px!important; }
.mt_14{ margin-top:14px!important; height: calc(100% - 85px);}
.mt_18{ margin-top:18px!important; }
.mt_24{ margin-top:24px!important; }
.mt_36{ margin-top:36px!important; }
.mt_48{ margin-top:48px!important; }
.ml_0{ margin-left:0!important}
.text_l{ text-align: left!important }
.text_r{ text-align: right!important }
.fl_l{ float: left!important }
.fl_r{ float: right!important }

html , body{ width: 100%; height: 100%; overflow:hidden;}

.el-button-group .el-button--default { float: left; margin-top:-4px!important;}
.el-button--primary i , .el-button--default i{ padding:0 4px 0 0;}
.el-button-group .el-button--default i{ padding:0 4px 0 0;}
.el-tooltip__popper{ font-size: 14px!important;}

/*login*/
.login_container{  width: 4000px; height:2500px; overflow: hidden; }
.login_inputs{ width:420px; height: 350px;  position: absolute; left: 50%; top: 50%; margin-left: -210px; margin-top:-200px;border-radius:4px; -webkit-border-radius:4px ; -o-border-radius:4px; -moz-border-radius:4px; overflow: hidden;}
.login_inputs .login_forget{ padding:8px 0; }
.login_inputs .login_title{ width: 100%; height:48px; line-height: 48px; padding:18px 0; text-align: center;}
.login_inputs .login_title img{ width: 258px; height:48px;}
.login_inputs .login_inputs_con{ padding:24px 36px; overflow: hidden;}
.login_inputs .el-input{ height: 44px;  margin-bottom: 10px; font-size: 16px; }
.login_inputs a{ font-size: 14px; line-height: 44px; }
.login_inputs .btn_login_back{ display: block; width: 100%; font-size: 18px;  height: 44px; border-radius:4px; -webkit-border-radius:4px ; -o-border-radius:4px; -moz-border-radius:4px;}
.login_inputs .btn_login_back i{ padding: 0 6px 0 0; font-size: 20px;}
.bottom_login{ position: absolute; bottom: 14px; left: 0; width: 100%; height: 24px; line-height: 24px;  text-align:center; font-size: 12px; }

/*main*/
.parent{height: 100%;}
.header,.middle,.bottom{ position: absolute; left: 0; right: 0;}
.header{ height: 70px; top: 0; z-index: 2; border-bottom-width:1px; border-bottom-style: solid;}
.middle{ top: 70px;  bottom: 0; }
.el-notification.right {right: 16px; top: 16px; bottom: auto; left: auto;}
.left,.right{ position: absolute; top: 0; bottom: 0; }
.left{  overflow-x: hidden; overflow-y:auto; z-index: 2; width: 280px; }
.right{ left: 280px; right: 0; overflow: auto; }
.right_change{ left: 64px; right: 0; overflow: auto; }

.header .logo-wrapper { background:#c3331b; display: block; width: 330px; height: 70px; overflow:hidden; position: absolute; left: 0; top: 0; z-index: 3; text-align: center;}
.logo-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 70px;
  /* background: url('../images/labixiaoxin.jpeg') no-repeat;
  background-position: center; */
}
.logo-tips { color: #fff; font-size: 20px; line-height: 64px; position: absolute; top: 0; right: 10px; }

.header .msg{ display: block;  float: right; margin: 22px 12px; cursor: pointer;}
.header .msg .el-button{ border:none; padding:0;  background:none!important; }
.header .msg .el-button span{ display: block; width: 24px; height: 24px; line-height: 24px;  }
.header .msg .el-button span i{ display: block; width: 24px; height: 24px; line-height: 24px; font-size: 26px;  }
.header .msg .el-badge__content{ border:none!important }
.header .el-dropdown{ float: right; margin: 26px 24px; cursor: pointer; font-size: 16px;  }
.header .el-dropdown i{ font-size: 11px;  }
.el-dropdown-menu .el-dropdown-menu__item{font-size: 14px!important;}

.header .local_txt{float:left; margin: 24px 12px 24px 124px; font-size: 16px;}
.header .quick_select{ float:left; margin: 24px 12px 24px 0; cursor: pointer; font-size: 16px; }
.header .quick_select i.iconfont{width:24px; height:24px; font-size: 24px; }

.left .el-menu-item, .el-submenu__title{height: 40px; line-height: 40px;}
.left .el-menu-item-group__title{ padding-top: 0; }
.left .el-menu .el-menu-item{ text-align: left!important; white-space: pre-line; height:42px; line-height: 42px; width: 280px;}
.left .el-menu .el-menu-item .el-tooltip{ padding:0!important;}
.left .el-menu .el-menu-item  .iconfont{ display: block; float:left; padding:0 20px 0 20px; font-size: 24px; width:24px; height:42px; line-height: 42px; overflow: hidden; }

/* .left .el-menu .el-menu-item:nth-child(3)  i.iconfont{ font-size: 22px!important; padding:0 13px 0 23px!important;}
.left .el-menu .el-menu-item:nth-child(4)  i.iconfont{ font-size: 26px!important;}
.left .el-menu .el-menu-item:nth-child(5)  i.iconfont{ font-size: 17px!important;}
.left .el-menu .el-menu-item:nth-child(6)  i.iconfont{ font-size: 21px!important;}
.left .el-menu .el-menu-item:nth-child(7)  i.iconfont{ font-size: 22px!important;}
.left .el-menu .el-menu-item:nth-child(8)  i.iconfont{ font-size: 22px!important;}
.left .el-menu .el-menu-item:nth-child(90)  i.iconfont{ font-size: 22px!important;}
.left .el-menu .el-menu-item:nth-child(11)  i.iconfont{ font-size: 20px!important; padding:0 14px 0 22px!important;} */

.left .el-switch{font-size: 12px; height: 18px; line-height: 18px; margin: 6px auto; left:3px;}
.left .el-switch .el-switch__core{width: 44px!important; height: 17px; left:8px;}
.left .el-switch.is-checked .el-switch__core{left:0;}
.left .el-switch .el-switch__core .el-switch__button{ width: 13px; height: 13px; }
.left .el-switch .el-switch__core::before{ content: '展开';font-size: 12px!important; display: block; width: 24px;line-height:16px;margin-left:15px }
.left .el-switch.is-checked .el-switch__core::after{ content: '隐藏';font-size: 12px!important; display: block; width: 24px;line-height:16px;margin-left:2px }
.left .el-switch.is-checked .el-switch__core::before{ display: none;}
.left .el-switch.is-checked .el-switch__core .el-switch__button{ left:6px; }
.left .el-switch.is-checked{ left:20px;}

.defult_panel{ padding:0 24px; overflow: hidden;}

.right .submenu{ position: fixed; top: 71px; bottom: 0;left:180px; width:170px; overflow-x: hidden; overflow-y:hidden; border-right-width: 1px; border-right-style: solid ; }
.right.right_change .submenu{left:64px;}
.right , .right_change, .right .submenu, .right.right_change .submenu{
	-webkit-transition: left .25s linear 0s;
	-moz-transition: left .25s linear 0s;
	-o-transition: left .25s linear 0s;
	transition: left .25s linear 0s;
	}
.right .submenu h3 {display:inline-block; margin: 16px 10px; padding:0 6px; line-height: 1; font-size: 16px; }
.right .submenu .el-menu-item, .el-submenu__title{height: 40px; line-height: 40px;}
.right .submenu .el-menu-item-group__title{ padding-top: 0; }
.right .submenu .el-menu .el-menu-item{ padding:0 20px!important; height:40px;  line-height:40px!important; }
.right .submenu .el-submenu .el-menu-item{ min-width: auto!important;}
.right .submenu .el-submenu__title{ padding:0 20px!important; height:40px;  line-height:40px!important; }
.right .submenu .el-menu > .el-submenu .el-menu-item{ font-size: 13px; padding-left:30px!important; cursor: pointer;}
.right .submenu .el-menu > .el-submenu .el-menu-item.is-active{ font-size: 13px; padding-left:30px!important;}


.right .list_panel{ padding:0 24px; position: absolute;  left: 215px; right: 0;  overflow-x: hidden; overflow-y:auto; }

/* dashboard*/
.welcome{ padding:24px 0 0 0; font-size: 16px; }
.btn_dbd{width: 100%;  padding:24px 0 14px 0;  overflow: hidden; }
.btn_dbd a{display:block;  height:60px; line-height: 1; padding: 24px 0;  text-align:center; font-size: 40px; border-radius:4px; -webkit-border-radius:4px ; -o-border-radius:4px; -moz-border-radius:4px; }
.btn_dbd a span{display:block; width: 100%; line-height: 2.4em; font-size: 14px; }

/*progress*/
.progress{  margin:18px 0; overflow: hidden; }
.progress h3{ font-size: 18px; line-height: 1.5em; font-weight: bold;  }
.progress h3 .el-select{ width:100px; float:right; font-weight: normal;}
.progress h3 .el-select .el-input , .progress h3 .el-select .el-input input{  height: 30px!important; line-height: 30px!important;}
.progress .item_index{ margin:12px 0; padding:12px; min-height: 300px; border:1px solid #d6d6d6; text-align: center; }

/*title & search*/
.title_area{ overflow:hidden;}
.title_area h4{ display: inline-block; width: 100%; font-size: 30px; line-height: 2em; font-weight: bold; border-bottom: 1px solid #d6d6d6; }
.title_area.title_child{ display: inline-block; width: 100%; font-size: 18px; line-height: 2em; font-weight: bold; border-bottom: 1px solid #d6d6d6; }
.title_area .el-breadcrumb{ padding: 14px 0 12px 0;  font-size: 18px; height:24px; line-height: 24px; font-weight: bold; }

/*option panel*/
.option_panel{ padding: 0 ;}
.option_panel .el-input{float: right; width: 180px; margin-left:8px;  }
.option_panel .el-button{ margin-right:5px; }
.option_panel .el-button+.el-button{ margin-left:0; }
.option_panel .el-button.btn_filter{ float:right;}
.option_panel .el-button--primary , .option_panel .el-button--default { margin-right:12px;}

/*filter*/
.filter{ margin:14px 0; padding:10px 10px 4px 10px; border-width: 1px; border-style: solid; border-radius:2px; -webkit-border-radius:2px ; -o-border-radius:2px; -moz-border-radius:2px; position: relative;}
/*.custom-filter{ display:none;}*/
.list_panel .el-button i.iconfont:last-child{ padding:0 4px!important;}
.filter:before{ content: ''; display: block; width: 12px; height: 12px; position: absolute; right:60px; top:-7px; z-index: 2;  transform:rotate(45deg);
  -ms-transform:rotate(45deg);  /* IE 9 */
  -moz-transform:rotate(45deg);   /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg);   /* Opera */}
.filter .el-select ,
	.filter .el-input,
	.filter .el-date-editor--daterange.el-input{width: 150px!important; margin-bottom:2px; }
.filter .el-button{ margin-bottom:5px; }
.filter .el-date-editor{ width: 240px;}

/*info full*/
.info_full{ padding: 24px; margin:48px 0; overflow: hidden; border-width:1px ; border-style:solid; }
.info_full h3{ font-size: 14px; line-height: 1.8em; padding:0 0 14px 0; }
.info_full .el-col{ line-height: 1.8em; }

/*forms*/
.inputs { padding:18px 0; width: 100% }
.inputs .title_input{ text-align: right; line-height: 36px; }
.inputs .info{ display:inline-block; padding:0 0 0 14px; line-height: 36px; font-size: 12px; }
.inputs .el-row{margin:12px 0; line-height: 36px;}
.inputs .el-select{ width: 100%; }
.inputs .el-checkbox-group{ line-height: 36px; }
.inputs .el-checkbox-group .el-checkbox+.el-checkbox, .inputs .el-checkbox-group .el-checkbox{ margin-left:0; margin-right:15px; }
.inputs .el-date-editor--daterange.el-input{ width: 100%; }
.inputs .el-transfer ,
.inputs .el-input ,
.inputs .el-select,
.inputs .el-textarea,
.inputs .el-date-editor--daterange.el-input ,
.inputs .el-checkbox-group{ width: 560px; }
.inputs .el-transfer-panel{ width: 251px; }
.inputs .el-transfer .el-transfer-panel__body { line-height: 24px; }
.inputs .el-transfer .el-transfer-panel__body .el-input{ width: 100%; }

.inputs .group_show{ display: block; overflow: hidden; }
.inputs .group_show li{ display: inline-block; width: 50%; line-height: 36px; float: left; overflow: hidden; }
.inputs p.paragraph_show{ display: inline-block; padding:6px 0; line-height:1.8em; overflow: hidden; }
.inputs .photo_show{ display: block; overflow: hidden; }
.inputs .photo_show li{ display: inline-block; width:180px; height: 120px; line-height: 120px; border:1px solid #d6d6d6; margin-right:12px;  text-align: center; float: left; overflow: hidden; }

.pages{ display:block; text-align: center; }
.pages .el-pagination{ display: inline-block; text-align: center; margin:0 auto; }
.input_text_w60{width:60px!important;}
.title {
  margin: 10px 5px;
}
.table-container {
  height: calc(100% - 92px);
  overflow-y: auto;
}
.pagination-container{
  padding: 20px 0px;
}

/*table*/
/*.el-table__body{ table-layout: auto;}*/
table .el-button--small{ margin:2px 0;}
.el-dialog table{ width: auto!important;}

/*dialog*/
.dialot_inputs input{ width: 320px;}
.el-dialog .filter{margin:0; }
  .el-dialog .filter:before{ display: none; }
  .el-pagination  .el-select{ width: auto;}

/* modal没有天地，提示文字样式问题 */
.el-dialog, .el-message-box {margin-bottom: 0; padding-bottom: 10px;}
.el-message-box__btns > .el-button--default:hover, .el-message-box__btns > .el-button--default:focus {color: #000 !important;}
.el-message-box__btns > .el-button--default.el-button--primary:hover, .el-message-box__btns > .el-button--default.el-button--primary:focus {color: #fff !important;}
/**/

/*浏览器滚动条*/
.left::-webkit-scrollbar { width: 0px; }
.left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #424242;}
.left::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #242424;}

/*地图标识物样式*/
.marker {color: #408af7; font-size: 24px !important;}
.marker-container {width: 300px; min-height: 189px;}
.marker-title { height: 40px; overflow: hidden; line-height: 40px; border-bottom: 1px solid #d3d3d3; background: #f2f2f2; color: #40affe; position: relative;}
.marker-content {width: 300px; height: 179px; border: 1px solid #d3d3d3; text-align: center; background: #fff; border-radius: 4px;}
.marker-container::before {border-top: 10px solid #d3d3d3; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; position: absolute; left: 141px; top: 180px; content: ' ';}
.marker-container::after {border-top: 9px solid #fff; border-bottom: 9px solid transparent; border-left: 9px solid transparent; border-right: 9px solid transparent; width: 0; height: 0; position: absolute; left: 142px; top: 180px; content: ' ';}
.marker-detail {display: flex; align-items: center; justify-content: center; height: 139px; text-align: left;}
.marker-detail-container > dd {width: 70px; float: left; font-weight: 600; text-align: right;}
.marker-detail-container > dt {margin-left: 80px; line-height: 1.25;}
.marder-detail > .iconfont {display: flex; align-items: center; color: #ddd;}
.marker-detail > .marker-text {padding-left: 6px;}

/*500 错误页面*/
@keyframes erroranimation {
  0% {transform: rotateZ(0deg);}
  20% {transform: rotateZ(-10deg);}
  40% {transform: rotateZ(5deg);}
  60% {transform: rotateZ(-5deg);}
  80% {transform: rotateZ(10deg);}
  100% {transform: rotateZ(0deg);}
}
.error {width: 100vw; height: 100vh; background: #f0f0f0;}
.error-body-con { display: flex; align-items: center; justify-content: center; width: 700px; height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 6px;}
.error-body-con > Card {flex: 1;}
.error-body-con-title { display: flex; justify-content: center; align-content: space-between; text-align: center; font-size: 240px; font-weight: 700; color: #2d8cf0; height: 260px; line-height: 260px; margin-top: 40px;}
.error-span-wrapper {display: flex; flex: 1; align-items: center; justify-content: center;}
.error-span {width: 170px; height: 170px; color: #58bb73; display: flex; align-items: center; justify-content: center;}
.error-span-border {border-radius: 50%; border: 10px solid #58bb73;}
.error-span-error {border-color: #db4d2c; color: #db4d2c;}
.error-span > i {display: inline-block; font-size: 170px; transform-origin: center bottom; animation: erroranimation 3s ease 0s infinite alternate;}
.error-span > i.no-animation {animation: none;}
.error-span-border > i {font-size: 120px;}
.error-body-con-message {display: block; text-align: center; font-size: 30px; font-weight: 500; letter-spacing: 4px; color: #dddde2;}
.error-btn-con {text-align: center; padding: 20px 0; margin-bottom: 40px;}

/*发票详情*/
.el-collapse-item__header{ background: #f6f6f6; color: #000; font-weight: bold;}
.el-collapse-item__header__arrow{ color: #666;}
.el-collapse-item__wrap{ background: #fff;}

/*vue tree style*/

.vue-tree-item{ padding:0 5px!important;}
.item-btn i{ margin:0 0 0 8px; }
.vue-tree-item .item-wrapper{ padding:8px 5px;}
.vue-tree-item .item-wrapper:hover{ background: #f9f9f9;}
.item-btn{ color: #999 }
.item-btn i:hover{ color: #242424 }

.mr_8{margin-right:8px!important;}

.mr_14{margin-right:14px!important;}



.title_bindex{ font-size: 16px; line-height: 2em; padding:0 12px; margin:24px 0 0 0; color: #424242; }
/*dsahboard status*/
.status_index{ width: 100% ; display: inline-block; overflow:hidden; padding:24px 0; }
.status_index li{ display: inline-block;  width:18%; height: 100px; padding:0 2%; margin:0 1%; position: relative; }
.status_index li h3{ display: block; width: 60%; float: left; font-size: 36px; line-height: 1.2em; margin-top:18px; color: #fff; }
.status_index li span{ display: block;  width: 60%; float: left;  font-size: 14px; color: #eee; }
.status_index li .ico{ display: block;  width:64px; height: 64px; line-height: 64px; text-align: center; border-radius: 36px;  -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; overflow:hidden;  position:absolute; right: 14px; top: 20px; z-index: 3;}
.status_index li .ico .iconfont{ font-size:48px; color: #fff; }
.status_index li.bgc_01{ background: #68ae00; }
.status_index li.bgc_02{ background: #FC8213; }
.status_index li.bgc_03{ background: #337AB7; }
.status_index li.bgc_04{ background: #ff6772; }
.status_index li.bgc_01:hover{ background: #5d9b02; }
.status_index li.bgc_02:hover{ background: #ec8425; }
.status_index li.bgc_03:hover{ background: #3283c9; }
.status_index li.bgc_04:hover{ background: #ed545f; }


.left .el-col{ padding: 12px 0 0 0; }
/*.left .el-menu-item, .el-submenu__title{height: 40px; line-height: 40px;}*/
.left .el-submenu  { padding-left: 45px!important;}
/*.left .el-menu-item.is-active{ background:#405065;}*/
/*.left .el-menu-item-group__title{ padding-top: 0; }*/
/*.left .el-submenu i.iconfont , .left .el-menu-item i.iconfont{ font-size: 14px; padding-right:10px; }*/
/*element.style {*/
    /*padding-left: 20px;*/
/*}*/

/*.left .el-menu-item-group .el-menu-item element.style {*/
    /*padding-left: 0px;*/
/*}*/

.main {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
.jiange {
    margin-right: 20px;
}
.pagination {margin: 20px auto;text-align: center }
